@media (min-width: 1200px) {
    .row {
        *zoom: 1;
    }

        .row:before,
        .row:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row:after {
            clear: both;
        }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 940px;
    }
}
/* 
  Bootstrap 3 by default keeps the navbar visible on tablets.
  From here onwards it's to get the navbar to collapse starting on 991px - tablets
*/
@media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 992px) {
    .navbar .collapse {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-header {
        float: none;
    }

    .navbar .navbar-toggle {
        display: block;
    }

    .navbar .collapse {
        display: none !important;
    }

    .navbar .navbar-collapse {
        max-height: 340px;
        overflow-x: visible;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
    }

        .navbar .navbar-collapse.in {
            overflow-y: auto;
        }

    .navbar ul.navbar-nav {
        padding: 0px 20px;
    }

        .navbar ul.navbar-nav.navbar-right {
            float: left !important;
        }

        .navbar ul.navbar-nav > li {
            float: none;
        }

        .navbar ul.navbar-nav .open .dropdown-menu > li > a {
            color: #999;
            line-height: 25px;
            font-weight: bold;
            padding: 5px 15px 5px 35px;
            font-size: 15px;
        }

            .navbar ul.navbar-nav .open .dropdown-menu > li > a:hover {
                color: #fff;
                background: none;
            }
}